export function renderHtml(content: string) {
    return `
      <!DOCTYPE html>
      <html lang="en">
        <head>
          <meta charset="UTF-8" />
          <meta name="viewport" content="width=device-width, initial-scale=1.0" />
          <title>D1</title>
          <link rel="stylesheet" type="text/css" href="https://static.integrations.cloudflare.com/styles.css">
        </head>
      
        <body>
          <header>
            <img
              src="https://imagedelivery.net/wSMYJvS3Xw-n339CbDyDIA/30e0d3f6-6076-40f8-7abb-8a7676f83c00/public"
            />
            <h1>🎉 Successfully connected d1-template to D1</h1>
          </header>
          <main>
            <p>Your D1 Database contains the following data:</p>
            <pre><code><span style="color: #0E838F">&gt; </span>SELECT * FROM comments LIMIT 3;<br>${content}</code></pre>
            <small class="blue">
              <a target="_blank" href="https://developers.cloudflare.com/d1/tutorials/build-a-comments-api/">Build a comments API with Workers and D1</a>
            </small>
          </main>
        </body>
      </html>
  `;
  }